Skip to content

安卓酷炫加载 等待动画弹窗 可自定义大小 颜色 样式

插件 ID: 20313
来源: https://ext.dcloud.net.cn/plugin?id=20313
多种加载样式可选,等待对话框,大小设置,样式设置等


更新记录

                                                    1.04(2024-11-12)
                                                                                                                [
                                                            下载此版本
                                                        ](javascript:void(0))

修改单击旁白区域不可点击取消问题

                                                    1.0.3(2024-10-24)
                                                                                                                [
                                                            下载此版本
                                                        ](javascript:void(0))

修改uniapp 报错问题

                                                    1.0.2(2024-09-26)
                                                                                                                [
                                                            下载此版本
                                                        ](javascript:void(0))

修复已知bug 查看更多

平台兼容性

uni-app

| Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 | | | √ | √ |

  • |
  • |
  • |
  • | 4.4 | × |
  • | | | 微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 小红书小程序 | 快应用-华为 | 快应用-联盟 | | | × | × | × | × | × | × |
  • | × | × |
  • | × | × | |

uni-app x

| Chrome | Safari | Android | iOS | 鸿蒙 | 微信小程序 | | |

  • |
  • | 5.0 | × |
  • | × | |

android-loadingdialoig

uniapp

    import { AppLoadingDialog } from "@/uni_modules/android-loadingdialoig"
    var dialog=new AppLoadingDialog(false,false);// 参数1  是否可取消  参数2 单击旁边区域是否取���
     dialog.setAnimName("BallClipRotatePulseIndicator","#ffffff")
     dialog.show();

uniappx

    import { AppLoadingDialog } from "@/uni_modules/android-loadingdialoig"
    var dialog=new AppLoadingDialog(false,false);// 参数1  是否可取消  参数2 单击旁边区域是否取消
     dialog.setAnimName("BallClipRotatePulseIndicator","#ffffff")
     dialog.show();

加载对话框api

显示加载弹窗

show

取消弹窗

dismiss

设置背景

setBg

参数1 背景颜色 16进制 string 参数2 圆角度 number 参数3 透明度 0-1 number

设置动画名称,颜色

setAnimName

参数1 动画名称 上面的name string

name可为

["BallPulseIndicator",
"BallGridPulseIndicator",
"BallClipRotateIndicator",
"BallClipRotatePulseIndicator",
"SquareSpinIndicator",
"BallClipRotateMultipleIndicator",
"BallPulseRiseIndicator",
"BallRotateIndicator",
"CubeTransitionIndicator",
"BallZigZagIndicator",
"BallZigZagDeflectIndicator",
"BallTrianglePathIndicator",
"BallScaleIndicator",
"LineScaleIndicator",
"LineScalePartyIndicator",
"BallScaleMultipleIndicator",
"BallPulseSyncIndicator",
"BallBeatIndicator",
"LineScalePulseOutIndicator",
"LineScalePulseOutRapidIndicator",
"BallScaleRippleIndicator",
"BallScaleRippleMultipleIndicator",
"BallSpinFadeLoaderIndicator",
"LineSpinFadeLoaderIndicator",
"TriangleSkewSpinIndicator",
"PacmanIndicator",
"BallGridBeatIndicator",
"SemiCircleSpinIndicator"]

参数2 颜色 16进制 string

设置弹框大小

setContentSize

参数1 宽度 number 参数2 高度 number

设置动画大小

setAnimSize

参数1 大小 number

设置文字到动画的大小

setTextMarign

参数1 间距 number

设置提示文字

setText

参数1 文字内容 string 参数2 文字颜色 16进制 string 参数3 文字大小 number

开发文档

UTS 语法UTS API插件UTS 组件插件Hello UTS

MIT Licensed